import Vue from 'vue';
import axios from 'axios';//ajax请求插件
import VueAxios from 'vue-axios';

Vue.use(axios,VueAxios)

const  state = {//定义了应用状态的数据结构，同样可以在这里设置默认的初始状态。
    productList:[],

}

const actions = {//支持异步的操作，解决的异步的操作分发，
    GET_PRODUCT_LIST:({commit},payload)=>{
        commit('GET_PRODUCT_LIST', payload)
    }
}

const mutations = { //调用 mutations 是唯一允许更新应用状态的地方,mutations对应的是commit。只支持同步，不支持异步
    GET_PRODUCT_LIST: (state, payload) => {
        axios.post('http://localhost:3000/product/list',payload)
      .then((res)=>{
        state.productList = res.data.rows
      })
    }

}
const getters = {//允许组件从 Store 中获取数据
    openProduct: state => {
      if(state.productList.length){
        //  console.log(state.productList,"123")
      return state.productList
      }

    }
}


export default {
  state,
  actions,
  mutations,
  getters

}


{/* <div v-for="(val,key) in openNews"></div>
  @input='GET_NEWS_LIST({type:"search",title:value})'
  v-model="value" */}
